<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0 , user-scalable=0">
  <meta name="format-detection" content="telephone=yes"/>
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>F6 SUPERSHOT官网</title>
  <link rel="stylesheet" href="./static/css/reset.css">
  <link rel="stylesheet" href="./static/css/public.css">
  <link rel="stylesheet" href="./static/css/call.css">
</head>
<body>
  <header class="clearfix">
    <h1 class="logo fl"><a href="./home.html"><img src="./static/img/f6_logo.png" alt=""></a></h1>
    <div class="swiper-btn-box fl flex">
      <div class="f6-btn1 flex"><img src="./static/img/f6-btn1.png" alt=""></div>
      <div class="f6-btn2 flex"><img src="./static/img/f6-btn2.png" alt=""></div>
      <div class="f6-btn3 flex"><img src="./static/img/f6-btn3.png" alt=""></div>
      <div class="f6-btn4 flex"><img src="./static/img/f6-btn4.png" alt=""></div>
    </div>
  </header>
  <section class="main">
    <div class="call-warp">
      <div class="call-content">
        <img src="" alt="">
        <!-- <a class="tel" href="tel:400-0300-368"></a> -->
        <a class="mail" href="mailto:f6@by-health.com"></a>
      </div>
    </div>
  </section>
  <footer>
    <nav>
      <ul class="footer-nav flex justify-center">
        <li class="footer-nav-about">
          <a href="./about.html"></a>
        </li>
        <li class="footer-nav-call">
          <a href="./call.html"></a>
        </li>
        <li class="footer-nav-buy">
          <a href="./buy.html"></a>
        </li>
      </ul>
    </nav>
  </footer>
  <script src="./static/js/zepto.min.js"></script>
  <script src="./static/js/touch.js"></script>
  <script src="./static/js/fx.js"></script>
  <script src="./static/js/zepto.cookie.min.js"></script>
  <script>
    window.onload = function(){
      $('.call-content img').attr('src')
      var sWidth = $(window).width()*window.devicePixelRatio
      var sHeight = $(window).height()*window.devicePixelRatio
      var systemInfo = navigator.userAgent;
      if (systemInfo.indexOf('Android') > -1 || systemInfo.indexOf('Linux') > -1) {//安卓手机
        $('.call-content img').attr('src','./static/img/call-1242x2085.jpg')
        $('.call-content img').css('with','100%')
      } else if (systemInfo.indexOf('iPhone') > -1) {//苹果手机
        if(sWidth == 750){
          $('.call-content img').attr('src','./static/img/call-750x1001.jpg')
          $('.call-content img').css('height','10.01rem')
          // $('.tel').css({
          //   left: "2.30rem",
          //   top: "7.54rem"
          // })
          $('.mail').css({
            left: "1.32rem",
            top: "6.88rem"
          })
        }else if(sWidth == 1125){
          $('.call-content img').attr('src','./static/img/call-1125x1865.jpg')
          $('.call-content img').css('height','12.43rem')
          // $('.tel').css({
          //   left: "1.12rem",
          //   top: "8.18rem"
          // })
          $('.mail').css({
            left: "1.22rem",
            top: "8.18rem"
          })
        }else if(sWidth == 1242 && screen.height == 736 && screen.width == 414){
          $('.call-content img').attr('src','./static/img/call-1242x1677.jpg')
          $('.call-content img').css('height','10.12rem')
          // $('.tel').css({
          //   left: "2.14rem",
          //   top: "7.54rem"
          // })
          $('.mail').css({
            left: "1.2rem",
            top: "7.28rem"
          })
        }else if(sWidth == 1242 && screen.height != 736){
          $('.call-content img').attr('src','./static/img/call-1242x2085.jpg')
          $('.call-content img').css('height','12.59rem')
          // $('.tel').css({
          //   left: "2.14rem",
          //   top: "9.04rem"
          // })
          $('.mail').css({
            left: "1.12rem",
            top: "8.88rem"
          })
        }else{
          $('.call-content img').attr('src','./static/img/call-1242x2085.jpg')
          $('.call-content img').css('with','100%');
        }
      }else{
        $('.call-content img').attr('src','./static/img/call-1242x2085.jpg')
        $('.call-content img').css('with','100%');
      }
    }
    $('.logo').on('tap',function(){
      window.location.href = './index.html';
    })
    $('.swiper-btn-box').children().on('tap',function(){
      var num = $(this).index();
      if(num == 4){
        $.fn.cookie('index', 0);//COOKIE只能在真机上起作用
        window.location.href = './details.html';
      }else{
        $.fn.cookie('index', num);
        window.location.href = './details.html';
      }
    })
  </script>
</body>
</html>